﻿@model NOSDC.Models.RegisterModel
@using SSB.Web.Mvc.Html
@section Title{
    @Html.CreatePageTitle("Membership Registration")
}
@section MetaTags{
    @Html.CreateMetaDescription("Membership signup.")
}
@section Right{
    @{Html.RenderAction("GetUpcomingEvent", "Events");}
    @{Html.RenderAction("RecentJobs", "Jobs");}
}
<div>
    <fieldset class="regFormBG">
        <h2 style="font-size: 22px; padding-bottom: 1px; color: #236B8E; margin: 0; padding: 0;">
            CREATE YOUR ACCOUNT</h2>
        <div style="font-size: 12px;">
            Already have an account with NOSDC? Click <a href="Login">here</a> to sign in.</div>
        <p>
            Signup with NOSDC in order to gain entry into our events and contests. Registration
            is also required for posting Articles and messages on the forum.
       </p>
        <hr />
        @using (Html.BeginForm())
        {
            <div>
                @Html.ValidationSummary(false, "Account creation was unsuccessful. Please correct the errors and try again.")
            </div>
            
            <div class="registrationStep">
                <h3>Step 1: Account Information</h3>
                <div class="regFormLabel">
                    @Html.LabelFor(m => m.UserName)
                </div>
                <div class="regFormLabel">
                    @Html.TextBoxFor(m => m.UserName, new { @class = "regForm" })
                    @Html.ValidationMessageFor(m => m.UserName)
                </div>
                <div class="regFormLabel">
                    @Html.LabelFor(m => m.Email)
                </div>
                <div class="regFormLabel">
                    @Html.TextBoxFor(m => m.Email, new { @class = "regForm" })
                    @Html.ValidationMessageFor(m => m.Email)
                </div>
                <div class="regFormLabel">
                    @Html.LabelFor(m => m.Password)
                </div>
                <div class="regFormLabel">
                    @Html.PasswordFor(m => m.Password, new { @class = "regForm" })
                    @Html.ValidationMessageFor(m => m.Password)
                </div>
                <div class="regFormLabel">
                    @Html.LabelFor(m => m.ConfirmPassword)
                </div>
                <div class="regFormLabel">
                    @Html.PasswordFor(m => m.ConfirmPassword, new { @class = "regForm" })
                    @Html.ValidationMessageFor(m => m.ConfirmPassword)
                </div>
            </div>
            <div class="registrationStep2">
                <h3>Step 2: Tell us about yourself</h3>
                <div class="regFormLabel">
                    First Name
                </div>
                <div class="regFormLabel">
                    @Html.TextBoxFor(m => m.Details.FirstName, new { @class = "regForm" })
                    @Html.ValidationMessageFor(m => m.Details.FirstName)
                </div>
                <div class="regFormLabel">
                    Last Name
                </div>
                <div class="regFormLabel">
                    @Html.TextBoxFor(m => m.Details.LastName, new { @class = "regForm" })
                    @Html.ValidationMessageFor(m => m.Details.LastName)
                </div>
                <div class="regFormLabel">
                    Company
                </div>
                <div class="regFormLabel">
                    @Html.TextBoxFor(m => m.Details.Company, new { @class = "regForm" })
                    @Html.ValidationMessageFor(m => m.Details.Company)
                </div>
                <div class="regFormLabel">
                    Position
                </div>
                <div class="regFormLabel">
                    @Html.TextBoxFor(m => m.Details.Position, new { @class = "regForm" })
                    @Html.ValidationMessageFor(m => m.Details.Position) 
                </div>&nbsp;&nbsp;(optional)
                <div class="regFormLabel">
                    Phone #
                </div>
                <div class="regFormLabel">
                    @Html.TextBoxFor(m => m.Details.PhoneNumber, new { @class = "regForm", title = "(123) 456-7890 " })
                    @Html.ValidationMessageFor(m => m.Details.PhoneNumber)
                </div>
             
                <div class="regFormLabel">
                    @Html.EditorFor(x => x.Details.Terms)
                    I agree to these <a class="tos" href="#">terms and conditions.</a>
                    @Html.ValidationMessageFor(x => x.Details.Terms)
                   
                    <div class="terms">
                        I hereby grant permission to the rights of my image, likeness and sound of my voice as recorded on audio or video tape
                        without payment or any other consideration. I understand that my image may be edited, copied, exhibited, published
                        or distributed and waive the right to inspect or approve the finished product wherein my likeness appears. Additionally,
                        I waive any right to royalties or other compensation arising or related to the use of my image or recording. I also
                        understand that this material may be used in diverse settings within an unrestricted geographic area.
                                                <br /><br />
                        Photographic, audio or video recordings may be used for the following purposes:<br />
                        • conference presentations<br />
                        • educational presentations or courses<br />
                        • informational presentations<br />
                        • on-line educational courses<br />
                        • educational videos<br />
                        • promotional materials<br />
                        <br /><br />
                        By signing this release I understand this permission signifies that photographic or video recordings of me may be
                        electronically displayed via the Internet or in a public setting.
                        <br /><br />
                        I will be consulted about the use of the photographs or video recording for any purpose other than those listed above.
                        <br /><br />
                        There is no time limit on the validity of this release nor is there any geographic limitation on where these materials
                        may be distributed.
                        <br /><br />
                        This release applies to photographic, audio or video recordings collected as part of any event where NOSDC has a
                        presence.
                        <br /><br />
                        By signing this form I acknowledge that I have completely read and fully understand the above release and agree to
                        be bound thereby. I hereby release any and all claims against any person or organization utilizing this material for
                        educational purposes.
                    </div>

                </div>
                <div class="regFormLabel">
                    @Html.LabelFor(m => m.Captcha)
                </div>
                <div class="regFormLabel">
                    <div>
                        <div>@Html.MvcCaptcha()</div>
                    </div>
                    @Html.TextBoxFor(m => m.Captcha, new { @class = "regForm", style = "clear:both;", title = "This Captcha Is Case Sensitive" })
                    @Html.ValidationMessageFor(m => m.Captcha)
                </div>
            </div>
            <br />
            <br />
            <br />
            <p>
                <div class="buttons">
                    <button id="back" name="back" style="margin-right:10px;">Previous Step</button>
                    </div>
                    <div class="buttons">
                    <button id="next" name="next" style="margin-right:10px;">Next Step</button>
                     </div>
                       <div class="buttons">
                    <button type="submit" id="register" name="register">Register</button>
                </div>
            </p>
            
            
        }
    </fieldset>
</div>
<br />
@section JavaScript{
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/registrationWizard.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $('input[title]').inputHints();
        });
        $("#Register").addClass("selected");
    </script>
}
